$header-bg: #3a3f50;
$header-height: 58px;
$bg-dark_color: #eaebed;


.dv_editor_wrapper{
  width: 100%;
  height: 100vh;
  .main_header{
    background-color: $header-bg;
    height: $header-height;
    padding: 0 15px;
    line-height: $header-height;
    display: flex;
    .logo{
      width: 200px;
      text-align: left;
      margin-right: 15px;
      font-size: 22px;
      color: $bg-dark_color;
      display: flex;
      align-items: center;
      >img{
        margin-right: 10px;
        max-height: 30px;
        height: 30px;
        width: 30px;
        border-radius: 3px;
        vertical-align: middle;
        display: inline;
      }
    }
  }

  .main_content{
    width: 100%;
    //min-height: $header-height;
    overflow: hidden;
    height: calc(100vh - #{$header-height});
    display: flex;

    .dv_container{
      height: 100%;
      overflow: hidden;
      flex: 1;
      display: flex;
      justify-content: space-between;
    }
  }
}
